<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			#radio1:checked~P {
				background-color: #C71585;
			}


			#radio2:checked~P {
				background-color: forestgreen;
			}
		</style>

		<!-- 1 -->
		<label for="radio1">
			<h1>点击我，使得radio选中</h1>
		</label>
		
		<label for="radio2">
			<h2>点击我使得p变成绿色背景</h2>
		</label>
		
		<input type="radio" name="bobo" id="radio1" />
		<input type="radio" name="bobo" id="radio2" />
		<p >我是目标元素</p>


		
	</body>
</html>
